<template>
  <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
    <slot></slot>
    <x-thead :data="data"></x-thead>
    <x-tbody :data="data"></x-tbody>
  </table>
</template>
<script>
import XThead from "./thead";
import XTbody from "./tbody";
export default {
  name: "XTable",
  components: {
    XThead,
    XTbody
  },
  props: {
    data: {
      type: Array,
      required: true
    }
  },
  data() {
    return {
      columns: [],
      rows: []
    };
  },
  mounted() {
    //console.log(this.$scopedSlots)
    console.log(this.$slots.default)
  }
};
</script>
